import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: h => h(App)
})

import axios from 'axios'
// 1.axios的基本使用
// 1.1、没有请求参数
// axios({
//   url: 'http://123.207.32.32:8000/category',
// }).then(res => {
//   console.log(res);
// }).catch(err => {
//   console.log(err);
// })
// // 1.2、有请求参数
// axios({
//   url: 'http://123.207.32.32:8000/home/data',
//   params: {
//     type: 'sell',
//     page: 1
//   }
// }).then(res => {
//   console.log(res);
// })

// 2.axios发送并发请求
// 2.1
/*axios.all([
  axios({
    url: 'http://123.207.32.32:8000/category'
  }),
  axios({
    url: 'http://123.207.32.32:8000/home/data',
    param: {
      type: 'sell',
      page: 1
    }
  })
]).then(results=>{
  console.log(results);
  console.log(results[0]);
  console.log(results[1]);
})*/
// 2.2使用axios.spread可将数组展开
/*axios.all([
  axios({
    url: 'http://123.207.32.32:8000/category'
  }),
  axios({
    url: 'http://123.207.32.32:8000/home/data',
    param: {
      type: 'sell',
      page: 1
    }
  })
]).then(axios.spread((res1, res2) => {
  console.log(res1);
  console.log(res2);
}))*/

// 3.使用全局的axios和对应的配置在进行网络请求
/*axios.defaults.baseURL="http://123.207.32.32:8000"
axios.defaults.timeout=5000

axios.all([
  axios({
    url: '/category'
  }),
  axios({
    url: '/home/data',
    param: {
      type: 'sell',
      page: 1
    }
  })
]).then(axios.spread((res1, res2) => {
  console.log(res1);
  console.log(res2);
}))*/

// 4.创建对应的axios的实例
/*const axiosRequest = axios.create({
  baseURL: 'http://123.207.32.32:8000',
  timeout: 5000
});
axiosRequest({
  url: '/category',
  method:'get'
}).then(res=>{
  console.log(res);
})

axiosRequest({
  url: '/home/data',
  params: {
    type: 'pop',
    page: 1
  }
}).then(res => {
  console.log(res);
})*/

// 5.封装request模块
import {request} from "./network/request";

request({
  url: '/home/data',
  params: {
    type: 'pop',
    page: 1
  }
}).then(res => {
  console.log(res);
}).catch(err => {
  console.log(err);
})
